캔버스 영역 및 하단 Tool Bar

생성일: 2026년 9월 9일 오전 10:54

1. 중앙 캔버스 영역 이해하기

중앙 캔버스 영역은 실제 페이지를 제작하는 메인 작업 영역입니다.
추가한 컴포넌트와 섹션을 직접 배치하고 편집할 수 있습니다.

① 반응형 작업 영역

에디터는 디바이스별 UI 화면을 동시에 확인 및 작업할 수 있습니다.

지원 화면 사이즈

• Desktop : 1440px
• Tablet : 768px
• Mobile : 375px

② 컴포넌트 배치하기

좌측 Insert 또는 Library에서 컴포넌트를 드래그하여 캔버스에 추가할 수 있습니다.

③ 레이어 선택 상태

캔버스에서 요소를 선택하면 좌측 레이어와 우측 속성 패널이 함께 연결됩니다.

④ 확대 및 축소

캔버스는 자유롭게 확대 및 축소할 수 있습니다.

---

2. 하단 툴바 영역 이해하기

하단 툴바는 자주 사용하는 편집 기능을 빠르게 실행할 수 있는 영역입니다.

① 선택 툴

기본 편집 및 이동 모드입니다.

사용 기능

• 요소 선택
• 이동

② Frame 생성

레이아웃 영역을 만들 수 있습니다.

활용 예시

• 섹션 생성
• 카드 그룹
• 콘텐츠 묶음

③ 텍스트 추가

텍스트 레이어를 생성할 수 있습니다.

④ 이미지 추가

이미지 영역를 빠르게 생성할 수 있습니다.

⑤ 아이콘 추가

재사용 가능한 UI 요소를 빠르게 배치할 수 있습니다.

⑥ 링크 삽입

URL을 빠르게 추가할 수 있습니다.

⑦ 버튼 추가

버튼을 빠르게 생성할 수 있습니다.

⑧ 페이지 최상단 이동

페이지의 최상단으로 빠르게 이동할 수 있습니다.

💡 TIP